<template>
	<view class="about">
		<!-- <view v-if="hasLogin"> -->
		<!-- 导航 -->
		<u-navbar back-text="预约" :back-text-style="textStyle" back-icon-color="#000000" style="font-weight: bold;font-family: PingFang SC;"></u-navbar>
		<!-- <u-navbar back-icon-color="#000000" title="预约" title-color="#3F3F3F" :title-bold="true" :background="background"></u-navbar> -->
		<!-- end -->
		<view class="middle">
			<view class="icon">
				<image src="../../static/icon/yycg.png" mode=""></image>
				<view class="banben">
				预约成功
				</view>
				<view class="tongzhi">
					我们已经通知了阿姨所在的家政公司，稍后会和您联系
				</view>
				<view>
					<u-button type="warning" shape="circle" size="medium" plain @click="dingdan()">查看订单</u-button>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				background:{
					backgroundColor: '#fca800',
				},
				orderId:'',
				jumpType:1,//1其他订单跳转  2候选人预约跳转
			};
		},
		onLoad(option) {
			this.orderId=option.orderId;
			if(option.type){
				this.jumpType=option.type;
			}
		},
		methods: {
			dingdan(){
				console.log(this.orderId)
				console.log(this.jumpType)
				if(this.jumpType==2){
					uni.navigateTo({
						// url:'/pages/order/index'
						url:'/pageageA/order/orderDetail?orderId='+this.orderId
					})
					
				}else{
					uni.navigateTo({

						url:'../order/orderDetail_one?orderId='+this.orderId
					})

					
				}
				
			}
		}
	};
</script>

<style scoped lang="scss">

	.icon {
		padding: 260rpx 110rpx 0 110rpx;
		text-align: center
	}

	.icon image {
		width: 151px;
		height: 138px;
	}
	.banben {
		font-family: PingFang SC;
		color: #3F3F3F;
		font-size: 40rpx;
		font-weight: bold;
		padding-top: 44rpx;
	}
	.tongzhi{
		color: #7A7A7A;
		font-size: 32rpx;
		padding: 66rpx 0;
	}
</style>
